<template>
	<view >
		<view @click="addAddress"  class="add-address">
			<image src="/addressPages/static/add.png" mode="widthFix"></image>
			{{title}}</view>
	</view>
</template>

<script setup>
	const props = defineProps({
		title:{
			type:String,
			default:'添加地址',
		}
	})
	const emit = defineEmits(['addAddress'])
	// 添加地址
	const addAddress = ()=>{
		emit('addAddress')
	}
</script>

<style scoped lang="scss">
	// 添加地址
	.add-address{
		 width: 690rpx;
		 height: 88rpx;
		 border: none;
		 background: linear-gradient(to right ,#FF5A55,#FD3832);
		 border-radius: 44rpx;
		 color: #fff;
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 position: fixed;
		 bottom: 95rpx;
		 left: 30rpx;
		 image{
			 width: 35rpx;
			 margin-top: 2rpx;
			 margin-right: 14rpx;
		}
	}
</style>